<template>
  <div class="layout-container">
    <!-- 侧边栏：引入实际组件 -->
    <sidebar-component class="sidebar" />
    <!-- 主内容区 -->
    <div class="main-content">
      <router-view />
    </div>
  </div>
</template>

<script setup>
// 引入侧边栏组件
import SidebarComponent from '@/components/Layout/Sidebar.vue'
</script>

<style scoped>
/* 保持原有样式 */
.layout-container {
  display: flex;
  min-height: 100vh;
}
.sidebar {
  width: 200px;
  background: #001529; /* 与 Sidebar 中 el-menu 的背景色匹配 */
  padding: 0; /* 移除内边距，避免样式冲突 */
}
.main-content {
  flex: 1;
  padding: 20px;
}
</style>
